@charset "utf-8";
body {color:#444; background:#fff; font-size:14px; font-family:Microsoft YaHei;}
body,td,th{ font-size:14px; color:#444; font-family:Microsoft YaHei;}
a{ font-size:14px; color:#444; text-decoration:none; font-family:Microsoft YaHei;}
a:hover{ text-decoration:none; font-size:14px; color:#008dd5; font-family:Microsoft YaHei;}
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,ul,li,p,th{margin:0px; padding:0px; list-style:none; border:0px;}
dl,dt,dd{ margin:0px; padding:0px; list-style:none;}
ul,li{ list-style:none;}
input,textarea,slsct{ font-family:inherit; font-weight:inherit; font-size:14px;}
img{ border:0;}
.cl{ height:0px; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.clear{height:0; overflow:hidden; clear:both;}
.cp img{ border:1px solid #dedede; padding:1px; background:#fff;}
.cp img:hover{ border:1px solid #008dd5;padding:1px; background:#008dd5;}
.clearfix {zoom: 1;}/*兼容 IE*/
/*定义版面统一宽度*/
.w1300{ width:1300px; margin:0 auto; overflow:hidden;}
.page{width:1300px; margin:0 auto;}
/*距离*/
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top70{ margin-top:80px;}
.top80{ margin-top:80px;}
.top90{ margin-top:90px;}
.top100{ margin-top:100px;}
/*tit*/
.tit{ font-size:40px; font-weight:bold; color:#008dd5; text-align:center;}
.tit b{ color:#333; font-size:40px;}
.tit p{ margin-top:8px; text-align:center; font-size:17px; font-weight: lighter; color:#666;}
.tit a{ font-size:40px; color:#008dd5;}
.tit b a{ color:#333;}
.tit2{ font-size:40px; font-weight:bold; color:#fff; text-align:center;}
.tit2 b{ color:#fff; font-size:40px;}
.tit2 p{ margin-top:8px; text-align:center; font-size:17px; font-weight: lighter; color:#fff;}
.tit2 a,.tit2 b a{ color:#fff;}
/*动画效果*/
@keyframes nbanA{
0%{transform: translateY(0px);}
50%{transform: translateY(-10px);}
100%{transform: translateY(0px);}
}
@keyframes moveBg {
0% {
background-position: 0% 30%;
}
100% {
background-position: 100% 50%;
}
}
.tit1{ margin-top:20px; animation: nbanA 2s infinite; text-align:center;}
/*head*/
.head_bg{width: 100%; background:#f8f8f9; line-height: 45px; margin: 0 auto; height: 45px;}
.head_1{}
.head_bg .fr a { float:left; padding-left: 45px; background: url(../images/head_tb.png) no-repeat 2px 6px; transition: 0.3s all ease-in-out; font-size: 13px; line-height: 45px; padding-right: 20px; cursor: pointer; position: relative;border-left: #eee 1px solid;}
.head_bg .fr .wx{ background-position: -115px 6px;}
.head_bg .fr .phone{ background-position:-0px 6px; }
.head_bg .fr a:hover,.head_bg .fr strong:hover{ background-position-y:-46px; color: #fff; background-color: #008dd5}
.head_bg .fr .wx .wxewm { width: 99%; height: auto; position: absolute; top: 45px; z-index: 2; left: 0; display: none; border-left: #eee 1px solid; border-right: #eee 1px solid; border-bottom: #eee 1px solid;}
.head_bg .fr .wx .wxewm img{ width: 100%; height: auto; display: block; }
.head_bg .fr .add {background-position: -232px 6px;}
/*top*/
.logo{ float:left; padding:40px 0;}
.logo1{ float:left; font-weight:bold; color:#333; padding-top:45px; width:350px;}
.logo11 b{ float:left; padding-top: 6px;}
.logo11 span{ float:left; line-height:42px; font-size:24px;}
.logo12{font-size:18px; font-weight:normal;}
.tel{ width:370px; height:55px; margin-top:60px; background:url(../images/head_tel.png) no-repeat left; padding-left:65px;}
.tel span{ font-size:15px; display:block; }
.tel b{ font-size:30px; color:#008dd5; line-height:40px; font-family: -webkit-pictograph;}
.wxzx{float: left; padding-top: 30px;}
/*nav*/
.nav{ height: 75px; background: #008dd5; border-bottom:5px solid #0071c7;}
.nav ul li{ float: left; display: block; width:216px; position: relative; background:url(../images/menu_bg_1.png);}
.nav ul li a{ display: block; color: #fff; line-height: 80px; font-size: 16px; text-align: center; position: relative; z-index: 3333;}
.nav ul li a span { display: block; height: 22px; font-size: 13px; color: #fff; }
.nav ul li:after{ content: ''; display: block; background:url(../images/menu_bg.png); width: 214px; height: 0%; position: absolute; bottom: 0px; left: 0; filter: alpha(opacity=0); transition: 0.3s all cubic-bezier(.46,.03,.52,.96); z-index: 2222;}
.nav ul li.navcurrent:after,.nav ul li:hover:after{ filter: alpha(opacity=100); bottom: 0; height: 100%;}
.nav ul li:nth-child(6) { background: none;}
.nav ul li.navcurrent a span, .nav ul li:hover a span{ color:#bea217;}
/*导航下拉*/
.nav li .sedNav {width:214px; position: absolute; background-color:rgba(0,141,213,0.7); left:0px; top:80px; z-index: 999999999; display: none;}
.nav li .sedNav a {display: block; line-height: 50px; color: #fff; font-size: 14px;text-align: center; border-bottom: 1px solid #ededed;}
.nav li .sedNav a:hover {color: #fff; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fd8300), color-stop(100%,#fd8300));
background: -webkit-linear-gradient(top, #fd8300 0%,#fd8300 100%);
background: -webkit-linear-gradient(left, #fd8300 0%,#fd8300 100%);
background: linear-gradient(to right, #fd8300 0%,#fd8300 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8300', endColorstr='#fd8300',GradientType=0 );
}
:root .gradient{-webkit-filter:none;filter:none;}
/*banner*/
.banner-box{min-width:1300px;height:700px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li{width:100% !important;height:700px;background-position: center;background-repeat: no-repeat;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-btn{ width: 100%; position: absolute; top: 300px; left: 0; margin-left: 0; height: 376px; overflow: hidden; }
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:0.3s all ease-in-out}
.banner-btn a.prev{left:-60px;background:url(../images/bannar_zy.png) no-repeat 0 0;}
.banner-btn a.next{right:-60px;background:url(../images/bannar_zy.png) no-repeat -49px 0;}
.banner-box .hd {
position: absolute;
top: 330px;
width: 100%;
display: block;
left: -1px;
}
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:20px; height:20px; border-radius :20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ background:#008dd5; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}
/*search*/
.search{}
.keyword,.keyword a{ font-size:14px; color:#222222;}
.keyword span{ font-weight:normal;}
.keyword a:hover{ color:#008dd5; text-decoration:underline;}
.keyword{ line-height:76px; padding-left:50px; background:url(../images/hot.png) no-repeat left center;}
.search_bg{ width:268px; height:44px; border-radius:25px; margin-top:15px; background:#eff4f7;}
#soo{ float:right; margin:5px 5px 0 0;}
#infoname{ padding-left:20px; width:200px; box-sizing:content-box; height:44px; border:none; background:none;}
/*shili*/
.sl_bg0{ background:url(../images/al_bot.jpg) no-repeat center bottom; margin:0 auto; padding-bottom: 50px;}
.sl_bg1{ background:url(../images/al_tou.jpg) no-repeat center; margin:0 auto; height:120px; padding-top:65px;}
.sl_bg{ width:100%; margin:0 auto; padding-top:60px; height:630px; background: #008dd5; }
.yinz{padding: 0px 0 80px; background:#fff; height:320px;}
.yinz:before{content: "";width: 1px;height: 400px;position: absolute;top: 215px;right: 0;background:url(../images/ys_zx.jpg) no-repeat;}
.yinz dl{width: 325px;float: left;height: 400px;position: relative;background:url(../images/ys_zx.jpg) no-repeat;overflow: hidden;}
.yinz dl dt{width: 325px;text-align: center;padding: 75px 0 0;}
.yinz dl dt em{width: 94px;height: 94px;display: block;line-height: 0;overflow: hidden;margin: 0 auto 20px;}
.yinz dl dt em img{width: 94px;height: 94px;}
.yinz dl dt b{display: block;font-size: 30px;color: #333;height: 60px;line-height: 60px;overflow: hidden;background:url(../images/ys_xhx.jpg) no-repeat center bottom;}
.yinz dl dt p{font-size: 15px;color: #7f7f7f;line-height: 28px;width: 190px;line-height: 30px; overflow: hidden;margin: 0 auto;padding: 15px 0 0;}
.yinz dl dd{width: 325px;height: 0;position: absolute;top: 0;left: 0;text-align: center;overflow: hidden;-webkit-transition:all .4s;transition:all .4s;}
.yinz dl dd img{width: 325px;height: 400px;}
.yinz dl dd em{display: block;width: 74px;height: 74px;position: absolute;bottom: 30px;left: 113px;z-index: 10;}
.yinz dl dd em img{width: 74px;height: 74px;}
.yinz dl dd b{display: block;width: 325px;height: 66px;position: absolute;bottom: 0;left: 0;background: rgba(255,255,255,0.6);}
.yinz dl:hover dd,.yinz dl.cur dd{height: 400px;}
/*pord*/
.pord_bg{ height: auto; padding: 70px 0 40px;background: url(../images/pro_bg.jpg) repeat center;}
.pord_l{ width: 220px; background: #008dd5 url(../images/pro_list.png) 200px 32px no-repeat; padding:25px;}
.pord_l span{ color: #ebf5fc; font-family: Arial; text-transform: uppercase; font-size: 12px; }
.pord_l b{ font-size: 26px;color:#fff; line-height: 40px;}
.list table{ width: 100% !important;}
.list table tr td{ line-height:80px; background: #eff4f7; border-bottom: 1px solid #d9e8f0; padding-left: 20px; position: relative;}
.list table tr td a{ font-size: 16px;}
.list table tr td a:after{ content: ""; position: absolute; width:20px; height:20px; right: 20px; top:0px; bottom: 0; margin: auto; background: url(../images/pro_lj.png) no-repeat;}
.list_b{width: 270px; height:303px; background: #008dd5 ; text-align: center; padding-top:24px;}
.list table tr td:hover, .list table tr td:hover a { background: #fd8300; color: #fff; font-size: 16px;}
.list .navcur { background: #fd8300;}
.list .navcur a{ color: #fff; font-size: 16px;}
.pord_bz li{ width: 1010px; height:424px; background: #fff; }
.pord_yb{ position: relative;}
.pord_yb .prev{position: absolute;right:-2px;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;background: url(../images/cp_yj.png) no-repeat;filter: alpha(opacity=50);opacity: 0.5;}
.pord_yb .next{position: absolute;left:5px;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;background: url(../images/cp_zy.png) -170px 5px no-repeat;filter: alpha(opacity=50);opacity: 0.5;}
.pord_wd{ width: 400px; margin: 50px 30px 0 30px;}
.pord_wd b{ font-size: 28px; color: #008dd5;line-height:80px;}
.pord_wd span{ font-size: 15px; color: #888; line-height: 30px;}
.pord_gd{ width: 130px; height: 44px; line-height: 44px; background: #008dd5; text-align: center; margin-left: 30px; margin-top: 30px;}
.pord_gd a{ font-size: 16px; color: #fff;}
.pord_g{ width: 130px; height: 44px; line-height: 44px; background: #fd8300; text-align: center; margin-left: 10px; margin-top: 30px;}
.pord_g a{ font-size: 16px; color: #fff;}
.new_con{position: relative; }
.pord_cp{width:1010px;position: relative;overflow:hidden;}
.pord_cp ol.lb{display: none;}
.pord_cp{ margin-top: 20px;}
/*产品滚动*/
.prod_r{width:1030px; overflow:hidden;}
.prod_r tr > td:first-child { margin-left: 0;}
.prod_r tr > td:nth-of-type(3){ margin-right: 0;}
.prod_r td { display: block; float: left; padding: 0 !important; width: 320px; margin: 8px 6px 8px 15px; position: relative; border:1px #ddd solid}
.prod_r td> a:after,.prod_r td > a::after{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5) url(../images/cp_link.png) no-repeat center; left:0; top: -100%; transition:0.3s all ease-in-out; }
.prod_r td > span { height: 50px; width: 100%; padding-top: 0 !important; display: block; position: relative; overflow: hidden;}
.prod_r td > span > a{ display:block; border-top: 1px solid #ddd; height: 50px; line-height: 50px; color: #454545; font-size: 14px; transition:0.3s all ease-in-out; position: relative; z-index: 1111; background:#fff;}
.prod_r td > span:after,.pro_bg td > span::after{ position: absolute; content: ''; width: 100%; height: 100%; background: #008dd5; bottom: -100%; left: 0; transition:0.3s all ease-in-out; }
.prod_r td:hover > a:after,.pro_bg td:hover > a::after{ top: 0; }
.prod_r td:hover > span > a{ color: #fff; }
.prod_r td:hover > span:after,.pro_bg td:hover > span::after{ bottom: 0; }
.prod_r td br { display: none;}
.prod_r tr:after, .pro_bg tr::after { content: ''; display: block; clear: both; }
.prod_r td a{ position: relative; display: block; overflow: hidden; }
.prod_r td a img{ display: block; width: 100%; height: auto; transition:0.5s all ease-in-out; }
.prod_r td:hover a img{ transform:scale(1.2); }
.prod_r_b{ margin-top:28px;}
#colee{ width: 1030px; height: 1720px; overflow: hidden; margin-left: 20px;}
/*case*/
.casecenter{ position:relative; height:495px;}
.cctab li{ width:290px; height:123px; background:#eff4f7; cursor:pointer; position:absolute; transition:all .3s ease;}
.cctab li:nth-child(1),.cctab li:nth-child(2),.cctab li:nth-child(3),.cctab li:nth-child(4){ left:0;}
.cctab li:nth-child(5),.cctab li:nth-child(6),.cctab li:nth-child(7),.cctab li:nth-child(8){ right:0;}
.cctab li:nth-child(2),.cctab li:nth-child(6){ top:124px;}
.cctab li:nth-child(3),.cctab li:nth-child(7){ top:248px;}
.cctab li:nth-child(4),.cctab li:nth-child(8){ top:372px;}
.cctab p{ font-size:18px; color:#333; padding:40px 0 0 80px; transition:all .3s ease;}
.cctab p a{ display:block; font-size:13px; color:#222; font-weight:normal; transition:all .3s ease;}
.cctab p a b {font-size: 18px; }
.cctab span{ display:block; position:absolute; top:0; bottom:0; margin:auto 0; left:18px; width:52px; height:44px; background:url(../images/al_tb.png) no-repeat top left; transition:all .5s ease;}
.cctab li:nth-child(2) span{ background-position-x:-61px;}
.cctab li:nth-child(3) span{ background-position-x:-130px;}
.cctab li:nth-child(4) span{ background-position-x:-204px;}
.cctab li:nth-child(5) span{ background-position-x:-278px;}
.cctab li:nth-child(6) span{ background-position-x:-346px; height:61px;}
.cctab li:nth-child(7) span{ background-position-x:-414px; height:46px;}
.cctab li:nth-child(8) span{ background-position-x:-495px; height:49px;}
.cctab li.on{ background:#008dd5;}
.cctab li.on p{ color:#fff;}
.cctab li.on p a{ color:#fff;}
.cctab li.on span{ background-position-y:-78px;}
.ccon{ width:660px; margin:0 auto;}
.ccon .divdgweb_new_div_item{ position:relative; width:100%; height:495px;}
.ccon .news_div_item_pic{width:100%; height:100%;}
.ccon .news_div_item_pic img{ width:100%; height:100%;}
.ccon .divdgweb_new_div_item_content{ position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:20px 30px; background: rgba(19, 28, 35, 0.8);}
.ccon .divdgweb_new_div_item_a{ font-size:20px; color:#fff;}
.ccon .divdgweb_new_div_item_body { font-size:14px; color:#fff; line-height:24px; margin-top:10px;}
/*di*/
.hzcust_bg{ height:180px; background:url(../images/al_bot.png) no-repeat bottom center;}
.casebtn a{ display:block; margin:20px auto 20px auto; width:400px; height:52px; border:1px solid #dddddd; text-align:center; line-height:50px; font-size:18px; color:#888888; font-weight:lighter; transition:all .3s ease;}
.casebtn a:hover{ background:#008dd5; border-color:#008dd5; color:#fff;}
.caseconcat{ text-align:center; font-size:18px; font-weight:lighter; color:#222;}
.caseconcat strong{ font-size:30px; color:#008dd5;font-weight: bold;}
.caseconcat span{ padding-left:42px; background:url(../images/al_tel.png) no-repeat left center;}
/*adv*/
.adv_bg{ height:840px; padding-top:71px; background:url(../images/ad_bg.jpg) no-repeat center; overflow:hidden;}
.advtitl{text-align: center;font-size: 20px;color: #fff;font-weight: lighter; margin-bottom:30px;}
.advtitl b{display: block;font-size: 45px;color: #fff;background: url(../images/ad_dian.png) no-repeat center; margin-bottom: 10px;}
.advcenter{ position:relative;}
.advtab{width:810px; height:173px; padding:18px; position:absolute; z-index:99; left:0px; top:363px; background-color:rgba(255,255,255,0.9)}
.advtab li{ float:left; position:relative; text-align:center; font-size:20px; color:#313633; cursor:pointer;}
.advtab li p:nth-child(1){ width:36px; height:36px; position:absolute; opacity:0; top:0px; transition:all .3s ease; left:0px; right:0px; margin:0 auto; border-radius:50%; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:36px; background:#fd8300;}
.advtab li.on p:nth-child(1){ opacity:1; top:110px;}
.advtab li p:nth-child(2){ transition:all .3s ease; width:180px; height:120px; margin-bottom:22px;}
.advtab li p:nth-child(2) img{ width:100%; height:100%;}
.advtab li.on p:nth-child(2){ border:3px solid #fd8300;}
.advtab li+li{ margin-left:16px;}
.advcon ul{ width:1610px; height:572px; background:#fff;}
.advwa,.advwa1,.advwa2,.advwa3{ width:550px; padding-top:30px; margin-right:61px; padding-left:40px;}
.advwa>p{ padding:15px 0px 30px 73px; font-size:22px; color:#666; background:url(../images/ys_z.png) no-repeat left 17px; border-bottom:2px solid #eae9e9; margin-bottom:35px;}
.advwa1>p{ padding:0px 0px 30px 73px; font-size:22px; color:#666; background:url(../images/ys_d.png) no-repeat left 7px; border-bottom:2px solid #eae9e9; margin-bottom:35px;}
.advwa2>p{ padding:0px 0px 30px 73px; font-size:22px; color:#666; background:url(../images/ys_b.png) no-repeat left 7px; border-bottom:2px solid #eae9e9; margin-bottom:35px;}
.advwa3>p{ padding:0px 0px 30px 73px; font-size:22px; color:#666; background:url(../images/ys_x.png) no-repeat left 7px; border-bottom:2px solid #eae9e9; margin-bottom:35px;}
.advwa>p strong,.advwa1>p strong,.advwa2>p strong,.advwa3>p strong{ display:block; font-size:32px; color:#222; font-weight:bold; }
.advwa div p,.advwa1 div p,.advwa2 div p,.advwa3 div p{ line-height:38px; font-size:15px; color:#666;}
.advcon .advpic{ width:690px;}
/*custerm*/
.witness{width: 100%;}
.witcenter{ margin:30px 0 0 0; padding:0 0 40px;}
.custcen *{ box-sizing:border-box;}
.custcen li{ width:421px !important; height:430px; border:1px solid #e4e4e4; padding:29px; float:left; margin-right:18px; overflow:hidden; position:relative; background: #f7f7f7;}
.witpic img{ width:360px; height:255px; margin-bottom:27px;}
.custcen li div{ position:relative; z-index:33;}
.custcen li a{ display:block; width:100%; height:100%;}
.witwa p:nth-child(1){ font-size:18px; color:#666666; padding-left:38px; background:url(../images/kb_j.jpg) no-repeat left top; line-height:21px; padding-bottom:17px; border-bottom:1px solid #e4e4e4;}
.witwa p:nth-child(2){ font-size:15px; color:#999999; line-height:26px; margin-top:15px; background:url(../images/kb_detail.png) no-repeat right center;}
.custcen li:after{ content:''; display:block; width:100%; height:100%; background:#008dd5; right:-130%; top:0px; transform:rotate(180deg); position:absolute; transition:all 0.3s linear;}
.custcen li:hover:after{ right:0px; transform:rotate(360deg);}
.custcen li:hover p:nth-child(1){ color:#fff;background:url(../images/kb_bj.png) no-repeat left top;}
.custcen li:hover p:nth-child(2){ color:#fff;background:url(../images/kb_detail_b.png) no-repeat right center;}
.witbg{ margin-top:40px; text-align:center; font-size:0;}
.witbg li{ display:inline-block; border-radius:50%; width:12px; height:12px; background:#008dd5; cursor:pointer;}
.witbg li+li{ margin-left:27px;}
.witbg li.on{ background:#fd8300;}
/*compy*/
.comp_bg{background: url(../images/about_bg.jpg) no-repeat center;width: 100%;height: 900px; padding-top:60px;}
.comp_con{background: #fff;width: 100%;display: inline-block;}
.comp_le{padding: 30px;}
.comp_ri{width: 500px; padding: 50px;}
.comp_ri>b{display:block;font-size: 30px;font-weight: bold;color: #008dd5;}
.comp_ri span{display: block;border-bottom: 1px solid #f0f0f0;padding-bottom: 21px;margin-bottom: 21px;font-size:18px;line-height:50px; }
.comp_ri p{text-indent: 2em;line-height: 30px;color:#888;}
.comp_ri p+p{}
.comp_ri a{display: block;width: 146px;height: 50px;background: #fd8300;margin-top: 35px;line-height: 50px;color: #fff;transition: 0.5s;}
.comp_ri a>b{float: left;font-size: 16px;line-height: 50px;margin-left: 22px;}
.comp_ri a>em{margin-top: 14px;float: left;margin-left: 17px;}
.comp_ri a:hover {width: 160px;transition: 0.5s;padding-left: 8px;}
/*qyxx*/
.qyxx{ padding:0px 0 70px 0;}
.qyxxcenter{position:relative;}
.qyjt{ display:block; position:absolute; left:0; top:40%;cursor:pointer;}
.qyjt.next{ right:0; left:auto;}
.qycon{ width:1134px; margin:0 auto;}
.qycon table,.qycon tr,.qycon tbody{ display:block; width:100%;}
.qycon td{ display:inline-block; padding:0 !important; width:363px; margin-right:23px;}
.qycon td br{ display:none;}
.qycon td a{ display:block; position:relative; overflow:hidden;}
.qycon td div{ padding:0 !important;}
.qycon td div a{ line-height:57px; background:#f0f2f1; font-size:16px; color:#666666; transition:all .3s ease;}
.qycon td a img{ transition:all .5s ease; width:100%; height:auto;}
.qycon td:hover a img{ transform:scale(1.1);}
.qycon td:hover div a{ background:#008dd5; color:#fff;}
/*news*/
.news_box{margin:0px auto; padding-bottom: 40px;}
.news_bt{width: 1300px; float: left;}
.news_btl{width: 300px; float: left; font-weight: 400; font-size: 42px;}
.news_btl span{font-size: 16px; display: block; color: #999; font-weight: 100;}
.nb_tab{font-size:0;text-align: center; float: right;}
.nb_tab a{width:171px;height:42px;background:#fff;display:inline-block;vertical-align:top;color:#333; box-shadow: 0px 0px 20px #eee; border-radius: 30px; margin-top: 22px;}
.nb_tab a+a{margin-left:50px;}
.nb_tab a.cur{background:linear-gradient(204deg, #008dd5 50%, #008dd5 100%); color: #fff; background-size: 400% 370%; box-shadow: 0px 0px 10px #008dd5 ;}
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:42px;}
.nb_tab a b{font-size:16px; }
@-webkit-keyframes Gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-moz-keyframes Gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes Gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.nb_con{margin-top:130px;}
.nbc_list+.nbc_list{display: none;}
.nbcl_le{width:614px;}
.nbcl_le .news_div_item{width:294px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:26px;}
.nbcl_le .news_div_item_pic img{width:294px;}
.news_div_item_title a{font-size:18px;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#68686a;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(../images/ns_jt.png) no-repeat right center;float: right;margin-top:17px;}
.nbcr_ri{width:656px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #f1f1f1;padding:30px 0;position:relative;transition:300ms;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:516px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656; font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight: bold; line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:20px;color:#68686a;padding-right:20px;font-size:14px;}
/*copy*/
.copyright{ background:#18252e;}
.crconcat{ height:168px; background:url(../images/bot_bgt.jpg) no-repeat center;}
.crconcat ul{ font-size:0;}
.crconcat ul li{ display:inline-block; box-sizing:border-box; height:168px; font-size:18px; color:#fff; padding: 45px 50px; vertical-align:top;}
.crconcat ul li:last-child(1){ padding-right:0;}
.crconcat ul li+li{ border-left:1px solid #1794e5;}
.crconcat ul li span{ padding-left:45px; font-size:18px; color:#a1d8fb; display:block; line-height:30px; margin-bottom:10px;}
.crconcat ul li:nth-child(1) span{ background:url(../images/bot_add.png) no-repeat left center;}
.crconcat ul li:nth-child(2) span{ background:url(../images/bot_msn.png) no-repeat left center;}
.crconcat ul li:nth-child(3) span{ background:url(../images/bot_msn.png) no-repeat left center;}
.crconcat ul li em{ font-size:20px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.crconcat ul li a{ display:inline-block; width:200px; line-height:55px; border:1px solid #1794e5; border-radius:30px 0 30px 0; font-size:18px; color:#fff; text-align:center; margin-top:17px;}
.crconcat ul li a i{ display:inline-block; padding-left:45px; background:url(../images/bot_wx.png) no-repeat left center; font-style: normal;}
.crconcat ul li a:hover{ box-shadow:0 0 3px #fff;}
.links{ line-height:103px; border-bottom:1px dashed #27353f; font-size:16px; color:#fff;}
.links p.fl{ padding-left:35px; background:url(../images/bot_link.png) no-repeat left center; font-weight:bold;}
.links p.fl span{ font-size:18px; vertical-align:bottom; padding:0 20px 0 5px;}
.end{ border-top:1px solid #0a1116; line-height:107px; text-align:center;}
.end,.end a{ font-size:15px; color:#676c6f;}
.end a:hover{ color:#fff;}
.crcon{ padding:60px 0 50px 0; border-bottom:1px solid #27353f;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top; padding:0 75px; position:relative;}
.kslj li:after,.kslj li:nth-child(1):before{ content:''; display:block; position:absolute; width:3px; height:175px; right:0; top:0; background:url(../images/bot_gx.png) no-repeat center;}
.kslj li p{ font-size:20px; color:#fff; margin-bottom:20px;}
.kslj li:nth-child(1):before{ right:auto; left:0;}
.kslj li a{ display:block; font-size:14px; color:#676c6f; line-height:30px;}
.kslj li a:hover{ color:#fff;}
.codecon dl p{ font-size:18px; color:#fff; margin-bottom:20px; text-align:center;}
.codecon dl img{ display:block; padding:4px; border:1px solid #2f363c; width:140px; height:140px;}
.codecon dl { width:150px !important;}
.codetab{ margin:47px 0 0 47px;}
.codetab p{ border-radius:50%; cursor:pointer; background:#365063;}
.codetab p+p{ margin-top:14px;}
.codetab p.on{ background:#0688dc;}
/*右侧浮动*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/fd_tb.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1; background-color: #008dd5; }/*颜色更改*/
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #008dd5; border-color: #008dd5; color: #fff; margin: 10px 0 7px;}/*颜色更改*/
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #008dd5; border-color: #008dd5;}/*颜色更改*/
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;}
/*电话*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #008dd5; font-size: 18px; }/*颜色更改*/
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.right-arrow2 { border-left: 6px white solid;}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 130px; height: 130px; margin: 12px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*邮箱*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #008dd5; font-size: 16px; }/*颜色更改*/
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#008dd5;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }
/*友情链接*/
.linkTagcs{ width:1050px;height:auto;}
.linkTagcs ul {margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li {list-style:none;margin:0px; padding-right:10px;line-height:103px;float:left;}
.linkTagcs li a {color:#676c6f;word-break:break-all;}
.linkTagcs li img {border:0px;}